<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>手办交易网</title>
</head>
<body>
<div class="topbar">
	<div class="top">
    	<div class="area fl">
            <ul class="areaList">
                <li class="login">你好！[ <a href="###">登录</a> ]  [ <a href="###"> 注册 </a> ] </li>
                <li><i class="icon iconArea"></i>吉林  [<a href="###">更换</a>]</li>   
            </ul>
        </div>
         <div class="quickMenu fr">
            <ul> 
                <li><a href="#"><i class="icon iconUser"></i>我的手办交易<b></b></a></li>
                <li><a href="shopping.html"><i class="icon spCart"></i>购物车<b></b></a></li>
                <li><a href="#"><i class="icon atten"></i>关注<b></b></a></li>
            </ul>
        </div>
    </div>
</div>

<!-- 头部  =========未登录==========-->
<div class="header">
    <div class="logo-left fl">
        <img src="images/logo.png">
    </div>

    <div class="search fl">
        <ul class="tit">
            <li class="on"><a href="#">商品</a></li>
            <li><a href="#">商家</a></li>
        </ul>
        <div class="search-box">
            <input name="" type="text" value="今天最优惠"/><button>搜 索</button>
        </div>
        <div class="hot-word">
            热门搜索：<a href="#" class="red">漫威手办套装</a><a href="#">海贼王手办</a><a href="#" class="red">优惠抢先知</a><a href="#">二次元</a><a href="#">手办摆件</a>
        </div>
    </div>
    <div class="fr security"><img src="images/icon-service.png" ></div>
</div>

<!--   =========导航==========-->
<div class="nav">
    <ul>
        <li class="type"><a href="###" >全部商品分类</a></li>
        <li><a href="###" class="on">首页</a></li>                                                               
        <li><a href="preferential.html" >特惠专区</a></li>
        <li><a href="discount.html">更多楼层</a></li>
        <li><a href="###">商家专区</a></li>
    </ul>
</div>
<!-- === 热点区域 ==== -->
<div class="hot_box"  id="contentWrapper" style="position: relative;">
     <!-- === 左侧导航 ==== -->
    <div class="menu fl" id="nav">
        <ul class="mainmenu">
            <li class="mainCate">
                <i><img src="images/nav-icon1.png"/></i>
                <div class="menu_type">
                   <b><a href="#">漫威</a></b>
                   <a href="#">蜘蛛侠</a><a href="#">钢铁侠</a><a href="#">美国队长</a><a href="#">黑寡妇</a> 
                </div>   
                
                <div class="subCate" >
                    <ul>
                        <li><a href="#">蜘蛛侠</a></li>
                        <li><a href="#">钢铁侠</a></li>
                        <li><a href="#">美国队长</a></li>
                        <li><a href="#">黑寡妇</a></li>
                        <li><a href="#">绿巨人 </a></li>
                        <li><a href="#">雷神</a></li>
                        <li><a href="#">洛基</a></li>
                        <li><a href="#">星爵</a></li>
                        <li><a href="#">绯红女巫</a></li>
                        <li><a href="#">死侍</a></li>
                        <li><a href="#">神奇女侠</a></li>
                        <li><a href="#">奇异博士</a></li>
                        <li><a href="#">灭霸 </a></li>
                        <li><a href="#">毒液</a></li>
                        <li><a href="#">幻世</a></li>
                        <li><a href="#">蚁人</a></li>
                    </ul>
                </div>      
            </li>



</body>
</html>